{include file="public/header" /}
<link rel="stylesheet" href="/static/admin/css/base.css" media="all">
<style>
    html {
        background-color: #f2f2f2 !important;
    }

</style>
<body>
<div class="layui-fluid">
    <div class="layui-row layui-col-space12">
        {foreach name="list" item="vo"}
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">{$vo.title}</div>
                <div class="layui-card-body">
                    <div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim="" lay-indicator="inside"
                         lay-arrow="none" style="width: 100%; height: 280px;">
                        <div carousel-item="">
                            <ul class="layui-row layui-col-space12 layui-this" style="margin-left: 0;">
                                <li class="layui-col-xs4">
                                    <a href="javascript:;" class="layadmin-backlog-body">
                                        <h3>昨日</h3>
                                        <p><cite>{$vo.yesterday}</cite></p>
                                    </a>
                                </li>
                                <li class="layui-col-xs4">
                                    <a href="javascript:;" class="layadmin-backlog-body">
                                        <h3>上月</h3>
                                        <p><cite>{$vo.last_month}</cite></p>
                                    </a>
                                </li>
                                <li class="layui-col-xs4">
                                    <a href="javascript:;" class="layadmin-backlog-body">
                                        <h3>汇总</h3>
                                        <p><cite>{$vo.sum}</cite></p>
                                    </a>
                                </li>
                                <li class="layui-col-xs4">
                                    <a href="javascript:;" class="layadmin-backlog-body">
                                        <h3>今日</h3>
                                        <p><cite>{$vo.today}</cite></p>
                                    </a>
                                </li>
                                <li class="layui-col-xs4">
                                    <a href="javascript:;" class="layadmin-backlog-body">
                                        <h3>本月</h3>
                                        <p><cite>{$vo.month}</cite></p>
                                    </a>
                                </li>
                                <li class="layui-col-xs4">
                                    <a href="javascript:;" class="layadmin-backlog-body">
                                        <h3>本年</h3>
                                        <p><cite>{$vo.year}</cite></p>
                                    </a>
                                </li>

                            </ul>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        {/foreach}
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">业绩统计</div>
                <div class="layui-card-body" id="chart" style="width: 100%;height: 380px; ">

                </div>
            </div>
        </div>

    </div>

</div>

</body>
{include file="public/footer" /}
<script type="text/javascript" src="/static/admin/js/echarts.min.js"></script>
<script type="text/javascript" src="/static/admin/js/echartsTheme.js"></script>
<script>
    var chartDom = document.getElementById('chart');
    var myChart = echarts.init(chartDom,'macarons');

    var option;
    option = {
        title: {
            text: '近七日新增业绩（单位:元）',
            subtext: '',

        },
        xAxis: {
            type: 'category',
            data: ['2021-08-26', '2021-08-26', '2021-08-26', '2021-08-26', '2021-08-26', '2021-08-26', '2021-08-26']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [6600, 5500, 320, 500, 1208, 2000, 700],
            type: 'bar'
        }]
    };

    option && myChart.setOption(option);
</script>
</html>